<script setup lang="ts">
import MenuHeader from "./MenuHeader.vue";
</script>
<template>
  <div class="base-layout">
    <div class="header">
      <MenuHeader />
    </div>
    <div class="content">
      <RouterView />
    </div>
    <div class="footer">
      <el-link href="znxs.vip">znxs</el-link>
    </div>
  </div>
</template>
<style scoped>
.base-layout .header {
  top: 0px;
  width: 100%;
  box-sizing: border-box;
}

.base-layout .content {
  margin-bottom: 14px;
  padding: 10px;
  background: linear-gradient(to right, #bbb, #fff);
}

.base-layout .footer {
  padding: 10px;
  /* 粘性布局 */
  position: absolute; 
  right: 0px;
  left: 0px;
  bottom: 0px;
  text-align: center;
  background-color: rgb(224, 222, 225);
}
</style>
